// Copyright 2017 The Kubernetes Authors.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@use '../../../variables' as *;

:host {
  border-radius: $baseline-grid * .25;
  height: 4.75 * $baseline-grid;
  line-height: 4.5 * $baseline-grid;
  margin-right: 2 * $baseline-grid;
  padding-right: 3.5 * $baseline-grid;

  ::ng-deep {
    .mat-form-field-infix {
      border: 0;
      padding: 0;
      width: 18 * $baseline-grid;
    }

    .mat-form-field-wrapper {
      padding: 0;
    }

    .kd-namespace-select {
      font-family: $font-family-sans;
      font-size: $subhead-font-size-base;
      line-height: 4.5 * $baseline-grid;
      margin-left: 2 * $baseline-grid;
    }
  }
}

.kd-namespace-select-input {
  border: 0;
  height: 3 * $baseline-grid;
  outline: none;
  padding: (2 * $baseline-grid) 0 (2 * $baseline-grid) (2 * $baseline-grid);
}
